<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta content="no" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<title>咽炎</title>
<script language="Javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script language="Javascript">
$(function() {
	var l = 0;
	var n = $("#ul li").length;
	function ks(){
		//alert(1);
		var url = $("#ul li:eq("+l+")").text();
		$(".content").append("<img src='"+url+"' width='100%'>");
		l++;
	}
	ks();
	$(window).scroll(function(){
		var to = $(window).scrollTop();
		var too = $(window).height();
		var tto = $(".jz").position().top;
		if(tto < to+too){
			if(l==n){
				$(".jz").remove();
			}else{
				ks();
			}
		}
	});
});
</script>  
<style type="text/css">
body{margin:0px; background:#FFF;}
.content{margin:auto; max-width:640px; background:#FFF;}
.jz{ padding:10px 0px;text-align:center; width:100%; background:#eee; margin-bottom:10px; clear:both;}
#ul{ display:none;}
</style>
</head>

<body>
<ul id="ul">
    <li>images/i01.jpg</li>
    <li>images/i02.jpg</li>
    <li>images/i03.jpg</li>
    <li>images/i04.jpg</li>
    <li>images/i05.jpg</li>
    <li>images/i06.jpg</li>
</ul>
<div class="content">   
</div>
<div class="jz"><img src="images/jz0.gif"></div>
</body>
</html>
